
<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1" >
  <div class="am-modal-dialog">
   <div class="am-modal-hd">
      <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close="data-am-modal-close">&times;</a>
    </div>
 	<div class="am-modal-bd">
		<img class="am-radius" id="imgId"/>
    </div>
  </div>
</div>

<div class="row-content am-cf">
	<div class="row">
		<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
			<div class="widget am-cf">
				<div class="widget-head am-cf">
					<div class="widget-title  am-cf">还款明细</div>
				</div>
			  
			  
			   <table class="am-table am-table-bordered" >
			   <thead>
			   		<tr>
			   			<th>期数</th>
			   			<th>预期还款时间</th>
			   			<th>实际还款时间</th>
			   			<th>应还本息</th>
			   			<th>实收本息</th>
			   			<th>还款状态</th>
			   			<th>逾期天数</th>
			   			<th>逾期罚息</th>
			   		</tr>
			   </thead>
			   <tbody>
			   		<tr th:each="data,userStat : ${repaymentList}">
			   			<td th:text="${data.period_num}"></td>
			   			<td th:text="${data.expect_repay_time}"></td>
			   			<td th:text="${data.real_repay_time}"></td>
			   			<td th:text="${data.expect_benxi}"></td>
			   			<td th:text="${data.real_benxi}"></td>
			   			<td th:text="${data.statusDesc}"></td>
			   			<td th:text="${data.faxi_day}"></td>
			   			<td th:text="${data.expect_faxi}"></td>
			   		</tr>
			   </tbody>
			</table>
			
			<br/>
			
			<div class="widget-head am-cf">
					<div class="widget-title  am-cf">担保人信息</div>
			</div>
			<table class="am-table am-table-bordered" >
			   <thead>
			   		<tr>
			   			<th>姓名</th>
			   			<th>身份证</th>
			   			<th>手机号</th>
			   			<th>关系</th>
			   			<th>人脸识别照片</th>
			   			<th>确认状态</th>
			   			<th>确认时间</th>
			   		</tr>
			   </thead>
			   <tbody>
			   		<tr th:each="data,userStat : ${danbaoList}">
			   			<td th:text="${data.real_name}"></td>
			   			<td th:text="${data.idcard}"></td>
			   			<td th:text="${data.mobile}"></td>
			   			<td th:text="${data.is_spouse}"></td>
			   			<td><a href="javascript:void(0)" class="showUserPic"  target="_blank"><input type="hidden" th:value="${data.user_pic}"/>查看</a></td>
			   			<td th:text="${data.status}"></td>
			   			<td th:text="${data.confirm_time}"></td>
			   		</tr>
			   </tbody>
			</table>
			
			<br/>
			
			
			<table class="am-table am-table-bordered am-table-radius am-table-striped">
  				<thead>
			   		<tr>
			   			<th>合同名称</th>
			   			<th>预览地址</th>
			   			<th>操作</th>
			   		</tr>
			   </thead>
			   <tbody>
			   		<tr>
			   			<td>《与借款人之服务协议》</td>
			   		    <td><a th:href="${user_service_url}"  target="_blank">预览</a></td>
			   		    <td rowspan="3"><button type="button"  shiro:hasPermission="rploanlist:bestsign" th:onclick="'javascript:bestSign('+${userId}+','+${loanId}+')'" class="am-btn am-btn-primary">补盖电子签章</button></td>
			   		</tr>
			   		<tr>
			   			<td>《网贷机构三方借款协议》</td>
			   		    <td><a th:href="${loan_service_url}"  target="_blank">预览</a></td>
			   		</tr>
			   		<tr>
			   			<td>《保证担保合同》</td>
			   		    <td  th:switch="${enableConfirm}">
			   		    	<a th:case="1" th:href="${loan_ensure_url}"  target="_blank">预览</a>
			   		    	<span th:case="0">没担保人</span>
			   		    </td>
			   		</tr>
			   </tbody>
			</table>
			
			<button type="button" onclick="loadPage('jkreport/userreportDetail')"
									class="am-btn am-btn-success tpl-btn-bg-color-success ">返回</button>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" th:src="@{/customer/jkreport/user/user_report_repayment_detail.js}"/>

